<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link href="/css/reset.css" rel="stylesheet" />
    <link href="/css/header.css" rel="stylesheet" />
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/assets/css/bootstrap-icons.css" rel="stylesheet" />
    <link href="/css/common.css" rel="stylesheet" />
  </head>
  <body>
    <div class="site-header">
      <ul class="info-list">
        <li>
          <a href="tel:18720001123"> <i class="bi bi-telephone-fill"></i>18720001123</a>
        </li>
        <li>
          <a href="javascript:;"> <i class="bi bi-box-arrow-right"></i>LOGIN</a>
        </li>
      </ul>
      <img src="https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img/https://avantdental.com.au/wp-content/uploads/2021/03/avant-dental-black.png" class="logo" />
      <div class="pickup"><a href="/pages//pickup.html"> BOOK A PICKUP</a></div>
      <div class="menu" id="menu">
        <i class="bi bi-list"></i>
      </div>
      <div class="mobile-menu" id="mobile-menu">
        <div class="title" id="title">
          <i class="bi bi-x-lg"></i>
        </div>
        <ul>
          <li><a href="/pages/about.html">About Avant Dental</a></li>
          <li data-toggle="collapse" data-target="#collapseFour" aria-controls="collapseFour"><a href="javascript:;">Products & Services</a><i class="bi bi-plus"></i></li>
          <ul id="collapseFour" class="collapse multi-collapse">
            <li>
              <a href="">Crown & Bridge Dental lab</a>
            </li>
            <ul>
              <li><a href="/pages/ceramic.html">All Ceramic</a></li>
              <li><a href="">Porcelain Fused To Metal</a></li>
            </ul>
            <li><a href="">Removable Restorations</a></li>
          </ul>
          <li><a href="/pages/sending-a-case.html">Order Forms</a></li>
          <li><a href="/pages/news.html">News</a></li>
          <li><a href="/pages/contact.html">Contact</a></li>
        </ul>
      </div>
    </div>

    <div class="bottom-header container-fluid">
      <div class="left">
        <a href="/index.html"><img src="https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img/https://avantdental.com.au/wp-content/uploads/2021/03/avant-dental-white.png" alt="logo" /></a>
      </div>
      <div class="right">
        <ul class="outer-ul">
          <li class="outer-li">
            <a href="/pages/about.html">About Avant Dental</a>
          </li>
          <li class="outer-li">
            <a href="javascript:;">Products & Services</a>
            <i class="bi bi-plus"></i>
            <ul class="inner-ul">
              <li>
                <a class="item" href="">Crown & Bridge Dental lab</a>
                <i class="bi bi-plus"></i>
                <ul class="inner-ul">
                  <li><a class="item" href="/pages/ceramic.html">All Ceramic</a></li>
                  <li><a class="item" href="">Porcelain Fused To Metal</a></li>
                  <li><a class="item" href="">Full Cast</a></li>
                </ul>
              </li>
              <li><a class="item" href="">Removable Restorations</a></li>
            </ul>
          </li>
          <li class="outer-li">
            <a href="/pages/sending-a-case.html">Order Forms</a>
          </li>
          <li class="outer-li">
            <a href="/pages/news.html">News</a>
          </li>
        </ul>
        <div class="concat">
          <a href="/pages/contact.html" class="btn btn-bg">CONCAT</a>
        </div>
      </div>
    </div>

    <script src="/assets/js/jquery.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
    <script>
      $('#menu').click(function () {
        $('#mobile-menu').slideDown();
      });
      $('#title').click(function () {
        $('#mobile-menu').slideUp();
      });
    </script>
  </body>
</html>
